html, body{ 
 margin:0;
 font-family: 'Droid Sans', sans-serif;
 font-size: small;
 text-shadow: 0px 1px 1px #FFFFFF;
 overflow: none;
 max-height: 100%;
 height:100%;
}

.box{
	position: absolute;
	overflow: none;
	border: 4px solid #000000;
	background: #FFFFFF;
	padding: 4px;
 	top: 5px;
 }

#about{
 width:300px;
 height:120px;
 left: 100px;
}

#map_canvas{
 height: 100%;
}

#divArtists{
 display: block;
 overflow-x: hidden;
 overflow-y: visible;
 right: 10px;
 width: 300px;
 height: 90%;
 padding: 0;
}

#divArtists div:hover{
 cursor: pointer;
}

#divAlbum{
  font-size: normal;
  border: 4px solid #000000;
  position: relative;
  min-height: 80px;
  display: block;
  padding: 4px;
  transition: background 0.3s;
  -moz-transition: background 0.3s; /* Firefox 4 */
  -webkit-transition: background 0.3s; /* Safari and Chrome */
  -o-transition: background 0.3s; /* Opera */
}

#divAlbum:hover{
 background: #FFDDA3;
}

#divPlayer{
 display: block;
 padding: 4px;
 top: 150px;
 left: 100px;
 width: 300px;
 height: 145px;
 
}

#divShareAlbum{
 display: block;
 width: 300px;
 top: 310px;
 left: 100px;
}

.infoWindow{
 color: #663366;
 text-align: center;
}

.custom_hr{
 background: #A8A8A8;
 height: 4px;
}

.img{
 margin: 4px;
 width: 60px;
 height: 60px;
 border: 1px solid #A8A8A8;
 vertical-align: text-top;
}

.loading{
  width: 100%;
  height:100%;
}